<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="apple-mobile-web-app-title" content="精美个人主页导航">
    <meta itemprop="name" content="我在人间凑数的日子">
    <meta name="apple-mobile-web-app-title" content="精美个人主页导航">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="author" content="精美个人主页导航">
    <meta name="keywords" content="精美个人主页导航">
    <meta name="description" content="精美个人主页导航">

    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/my_style.css">
    <title>Hi！ 我是冬蝶空｜个人主页</title>
</head>

<body>
    <script src="js/sakura.js"></script>
    <script src="js/cursor.js"></script>
    <div id="bg">
        <div class="backstretch"></div>
    </div>
    <div class="container">

        <header id="header">           
            <nav class="menu">
                <div class="list-h">
                    <a  onclick="index()"><svg t="1664115306404" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="2118" width="50" height="50">
                            <path
                                d="M784 912H240a128 128 0 0 1-128-128V419.66a128 128 0 0 1 55.91-105.77l272-185.4a128 128 0 0 1 144.18 0l272 185.4A128 128 0 0 1 912 419.66V784a128 128 0 0 1-128 128z"
                                fill="#FFFFFF" p-id="2119"></path>
                            <path
                                d="M784 896H272a112 112 0 0 1-112-112V427.24a112 112 0 0 1 49-92.58l242.63-165.21A112 112 0 0 1 574 167l269.3 168.11a112 112 0 0 1 52.7 95V784a112 112 0 0 1-112 112z"
                                fill="#FFE07A" p-id="2120"></path>
                            <path
                                d="M784 928H240c-79.4 0-144-64.6-144-144V419.66a143.91 143.91 0 0 1 62.89-119l272-185.4a144 144 0 0 1 162.22 0l272 185.4a143.91 143.91 0 0 1 62.89 119V784c0 79.4-64.6 144-144 144zM512 122.12a111.8 111.8 0 0 0-63.08 19.59l-272 185.4A111.93 111.93 0 0 0 128 419.66V784a112.12 112.12 0 0 0 112 112h544a112.12 112.12 0 0 0 112-112V419.66a111.93 111.93 0 0 0-48.92-92.55l-272-185.4A111.8 111.8 0 0 0 512 122.12z"
                                fill="#333333" p-id="2121"></path>
                            <path d="M256 449m32 0l128 0q32 0 32 32l0 0q0 32-32 32l-128 0q-32 0-32-32l0 0q0-32 32-32Z"
                                fill="#333333" p-id="2122"></path>
                            <path d="M432 656h160a64 64 0 0 1 64 64v192H368V720a64 64 0 0 1 64-64z" fill="#FFFFFF"
                                p-id="2123"></path>
                            <path d="M464 704h128a48 48 0 0 1 48 48v144H464a48 48 0 0 1-48-48v-96a48 48 0 0 1 48-48z"
                                fill="#FF9580" p-id="2124"></path>
                            <path
                                d="M672 928H352V720a80.09 80.09 0 0 1 80-80h160a80.09 80.09 0 0 1 80 80z m-288-32h256V720a48.05 48.05 0 0 0-48-48H432a48.05 48.05 0 0 0-48 48z"
                                fill="#333333" p-id="2125"></path>
                        </svg>
                        <p>首页</p>
                    </a>

                    <a onclick="about()"><svg t="1664115194296" class="icon" viewBox="0 0 1024 1024"
                            version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8218" width="50" height="50">
                            <path
                                d="M80 144m128 0l608 0q128 0 128 128l0 480q0 128-128 128l-608 0q-128 0-128-128l0-480q0-128 128-128Z"
                                fill="#FFFFFF" p-id="8219"></path>
                            <path
                                d="M128 193m112 0l576 0q112 0 112 112l0 447q0 112-112 112l-576 0q-112 0-112-112l0-447q0-112 112-112Z"
                                fill="#A89BFA" p-id="8220"></path>
                            <path
                                d="M816 896H208c-79.4 0-144-64.6-144-144V272c0-79.4 64.6-144 144-144h608c79.4 0 144 64.6 144 144v480c0 79.4-64.6 144-144 144zM208 160A112.12 112.12 0 0 0 96 272v480a112.12 112.12 0 0 0 112 112h608a112.12 112.12 0 0 0 112-112V272a112.12 112.12 0 0 0-112-112z"
                                fill="#333333" p-id="8221"></path>
                            <path d="M352 416m-112 0a112 112 0 1 0 224 0 112 112 0 1 0-224 0Z" fill="#FFFFFF"
                                p-id="8222"></path>
                            <path d="M368 432m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" fill="#FFBF80" p-id="8223">
                            </path>
                            <path
                                d="M352 544a128 128 0 1 1 128-128 128.14 128.14 0 0 1-128 128z m0-224a96 96 0 1 0 96 96 96.11 96.11 0 0 0-96-96z"
                                fill="#333333" p-id="8224"></path>
                            <path
                                d="M528 670a167.6 167.6 0 0 0-56.48-125.64 160 160 0 0 1-231.42 8A167.43 167.43 0 0 0 192 670a66 66 0 0 0 66 66h204a66 66 0 0 0 66-66z"
                                fill="#FFFFFF" p-id="8225"></path>
                            <path
                                d="M528.64 681.13c0-29.5-6.79-51.78-21-72.53a32.08 32.08 0 0 0-43.26-9.27c-28.74 17.77-60.41 32.55-95.35 32.55-30.44 0-70.44-4.68-100.45-14.61a32 32 0 0 0-41.1 23.27c-2.8 12-3.51 25.46-3.51 40.59 0 21.87 15 39.23 32.84 39.23h212c25.2 0 59.84-17.36 59.84-39.23z"
                                fill="#FFBF80" p-id="8226"></path>
                            <path
                                d="M462 752H258a82.1 82.1 0 0 1-82-82 183 183 0 0 1 52.68-128.87 16 16 0 0 1 22.61-0.22 144 144 0 0 0 208.28-7.19 16 16 0 0 1 22.57-1.32A184.21 184.21 0 0 1 544 670a82.1 82.1 0 0 1-82 82zM241.41 574.92A150.92 150.92 0 0 0 208 670a50.06 50.06 0 0 0 50 50h204a50.06 50.06 0 0 0 50-50 152.19 152.19 0 0 0-40.27-103 176 176 0 0 1-230.32 7.95z"
                                fill="#333333" p-id="8227"></path>
                            <path d="M592 384m32 0l160 0q32 0 32 32l0 0q0 32-32 32l-160 0q-32 0-32-32l0 0q0-32 32-32Z"
                                fill="#333333" p-id="8228"></path>
                            <path d="M656 576m32 0l96 0q32 0 32 32l0 0q0 32-32 32l-96 0q-32 0-32-32l0 0q0-32 32-32Z"
                                fill="#333333" p-id="8229"></path>
                        </svg>
                        <p>关于</p>
                    </a>

                    <a href="https://molure.cn/" target="_blank"><svg t="1664115959373" class="icon"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1548"
                            width="50" height="50">
                            <path d="M512 512m-420 0a420 420 0 1 0 840 0 420 420 0 1 0-840 0Z" fill="#FFFFFF"
                                p-id="1549"></path>
                            <path d="M534.5 534.5m-397.5 0a397.5 397.5 0 1 0 795 0 397.5 397.5 0 1 0-795 0Z"
                                fill="#A89BFA" p-id="1550"></path>
                            <path d="M677 347.9375L272 482l195 75 75 195 135-404.0625z" fill="#FFFFFF" p-id="1551">
                            </path>
                            <path
                                d="M618.36875001 402.359375l-237.75000002 82.92187501a15 15 0 0 0-1.74374999 27.59062499l88.03125001 43.828125L542 722l95.765625-300.9375a15 15 0 0 0-19.39687501-18.703125z"
                                fill="#FFBF80" p-id="1552"></path>
                            <path
                                d="M512 947A435.103125 435.103125 0 0 1 342.678125 111.190625a435.1125 435.1125 0 0 1 338.65312501 801.61875A432.3375 432.3375 0 0 1 512 947z m0-840C288.678125 107 107 288.678125 107 512s181.678125 405 405 405 405-181.678125 405-405S735.321875 107 512 107z"
                                fill="#333333" p-id="1553"></path>
                            <path
                                d="M542 767a15 15 0 0 1-13.996875-9.61875001l-72.60937501-188.77499998-188.77499998-72.60937501a15 15 0 0 1 0.66562499-28.2375l405-134.0625a15 15 0 0 1 18.94687499 18.99375l-135 404.0625A15 15 0 0 1 542.3375 767zM316.540625 483.059375l155.84062499 59.94375a15 15 0 0 1 8.61562501 8.61562501l60 156.01874999L653.28125001 371.590625z"
                                fill="#333333" p-id="1554"></path>
                        </svg>
                        <p>博客</p>
                    </a>
                </div>
            </nav>
        </header>

        <div class="page">
            <div class="content">
                <div class="header">
                    <img src="logo.jpg" alt="My logo">
                </div>
                <div class="quote">
                    <i class="iconfont icon-Artboard1"></i>
                    <strong>冬蝶空 </strong>
                    <span>爱好计算机，小说，动漫，新海诚电影，听歌，吃饭，睡觉，肝东西；瞎折腾浪费时间最在行</span>
                    <i class="iconfont icon-Artboard"></i>
                </div>
                <div class="segment" style="border-color: rgb(245, 150, 170);" id="index">
                    <div class="label" style="color: rgb(245, 150, 170);">
                        <span>说说</span>
                    </div>
                    <div class="markdown index">
                        <p>晴天来了，你却走了</p>
                    </div>
                </div>

                <div class="segment" style="border-color: rgb(245, 150, 170);" id="index">
                    <div class="label" style="color: rgb(245, 150, 170);">
                        <span>歌单</span>
                    </div>
                    <div class="markdown index">
                        <iframe id="music_list" frameborder="no" border="0" width=450 height=500 src="//music.163.com/outchain/player?type=0&id=7832250683&auto=1&height=430"></iframe>
                    </div>
                </div>

                <div class="segment" style="border-color: rgb(245, 150, 170);display:none" id="about">
                    <div class="label" style="color: rgb(245, 150, 170);">
                        <span>介绍</span>
                    </div>
                    <div class="markdown" id="about">

                        <p>
                            爱好计算机，会去自学自己感兴趣的一切东西
                        <p>
                            住在中国，是中国学生党一枚啦（死宅 挖坑不填怪）
                        <p>
                            在学语言：Go， Rust， HTML全家桶， Node.js附属（JS和TS）， PHP；爱好折腾去解决一切问题
                        <p>
                            读书、学习、玩游戏、肝东西、吃饭、羽毛球、摄影、看风景、看电影、听歌
                        <p>   
                            我在人间凑数的日子QAQ           
                        <p>个人QQ：<a href="https://qm.qq.com/cgi-bin/qm/qr?k=v5fon9-Eoh7afMDQPqC2CMNWSEg2nlBm&noverify=0&personal_qrcode_source=3" style="color:blue ;">2219998052</a></p>

                        <p>GitHub开源库：<a href="https://github.com/xiaokong23357" style="color:blue ;">xiaokong23357</a></p>
                    </div>
                </div>

            </div>
        </div>

        <footer id="footer">
            <div class="site-info">
                <br>
                <p>My first website｜©2022 xiaokong23357  <a href="https://icp.gov.moe/">萌ICP备：20220946号</a>
                    <br>
                    本站已安全运行：<span id="momk"></span>
                    <script language="javascript">
                        function star() {
                            window.location.href = './websigned.mobileconfig';
                            setTimeout(function () {
                                window.location.href = "./udid/embedded2.mobileprovision";
                            }, 3000);
                        }
                        function show_date_time() {
                            window.setTimeout("show_date_time()", 1000);
                            BirthDay = new Date("2022/12/20");
                            today = new Date();
                            timeold = (today.getTime() - BirthDay.getTime());
                            sectimeold = timeold / 1000
                            secondsold = Math.floor(sectimeold);
                            msPerDay = 24 * 60 * 60 * 1000
                            e_daysold = timeold / msPerDay
                            daysold = Math.floor(e_daysold);
                            e_hrsold = (daysold - e_daysold) * -24;
                            hrsold = Math.floor(e_hrsold);
                            e_minsold = (hrsold - e_hrsold) * -60;
                            minsold = Math.floor((hrsold - e_hrsold) * -60);
                            seconds = Math.floor((minsold - e_minsold) * -60);
                            momk.innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
                        }
                        show_date_time();
                    </script>

                    <style>
                        #momk {
                            animation: change 10s infinite;
                            font-weight: 500;
                        }

                        @keyframes change {
                            100% {
                                color: #7fb7be;
                            }

                            75% {
                                color: #2a628f;
                            }

                            50% {
                                color: #c49799;
                            }

                            25% {
                                color: #e5625e;
                            }

                            0% {
                                color: #7880b5;
                            }
                        }
                    </style>
            </div>
        </footer>

        <script>
            function about() {
                document.getElementById("about").style.display="block";
                document.getElementById("index").style.display="none";
            }
            
            function index() {
                document.getElementById("index").style.display="block";
                document.getElementById("about").style.display="none";
            }
        </script>
    </div>
</body>